<template>
  <div>
    <head-top routerName="myContribution" title="贡献值"></head-top>
    <div class="content-wrap">
      <div class="back">
        <div class="relative">
          <div class="title">贡献值</div>
          <div class="right" @click="$refs.details.open = true">说明</div>
          <div class="activity">{{ CONTRIBUTE }}</div>
          <!-- <ul>
            <li>
              <div class="label">元宝消耗</div>
              <div class="data">+30</div>
            </li>
            <li>
              <div class="label">贡献值</div> 
              <div class="data">-10</div>
            </li>
          </ul> -->
        </div>
      </div>
      <assets-list :assetsType="assetsType"></assets-list>
    </div>
    <v-details ref="details">
      <child>
        <div class="Activity">贡献值</div>
        <div class="content-wrap">
          每消耗1000元宝，获得1点贡献值，仅限兑换加速包。
        </div>
      </child>
    </v-details>
  </div>
</template>
<script>
import HeadTop from "@/components/head";
import assetsList from "./assetsList";
import { assetsLogNum } from "@/api/myAssets";
export default {
  components: {
    HeadTop,
    assetsList,
    vDetails: (resolve) => require(["./details"], resolve),
  },
  data() {
    return {
      CONTRIBUTE: "",
      assetsType: "CONTRIBUTE",
    };
  },
  created() {
    assetsLogNum({ assetsType: this.assetsType }).then((res) => {
      this.CONTRIBUTE = res.data.resultData.CONTRIBUTE;
    });
  },
  methods: {
  },
};
</script>
<style lang="less" scoped>
@import "./css.less";
.back {
  height: 125px;
  background: #405EC2;
}
</style>